{% extends "base_password.html" %}
{% load i18n %}

{% block breadcrumbs %}<div class="breadcrumbs"><a href="../">Home</a> &rsaquo; Confirmación de cambio de contraseña</div>{% endblock %}

{% block title %} 
	Cambio de Contraseña
{% endblock %}

{% block branding %}
	<div class="page-header">
		{% if validlink %}
			<h1>Ingrese su nueva contraseña.</h1>
		{% else %}
			<h1>Cambio no exioso</h1>
		{% endif %}
	</div>
{% endblock branding %}

{% block content %}
	{% if validlink %}
		{% if form.new_password1.errors or form.new_password2.errors %}
			<div class="alert alert-error">
	            <button type="button" class="close" data-dismiss="alert">&times;</button>
	            <strong>Error!. </strong>Verifique que ambas contraseñas coincidan e intente de nuevo.
	        </div>
	    {% endif %}
		<p>Por favor ingrese su nueva contraseña dos veces para poder verificarla.</p>

		<div class="span4">
			<div class="form-horizontal well">
				<form action="" method="post">{% csrf_token %}
					<p class="aligned wide"><label for="id_new_password1">Contraseña nueva:</label>{{ form.new_password1 }}</p>
					<p class="aligned wide"><label for="id_new_password2">Confirmar contraseña nueva:</label>{{ form.new_password2 }}</p>
					
					<div class="form-actions">
						<input type="submit"  class= "btn btn-primary" value="Cambiar" align="center">
					</div>
				</form>
			</div>
		</div>

	{% else %}
		
		<p> El link de cambio de contaseña es invalido, posiblemente por que ya ha sido utilizado. Por favor solicite uno nuevo. </p>

	{% endif %}
{% endblock %}
